<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		#na{
			width: 100%;
			height: 200%;
			border: 1px solid;
		}
	</style>
	<body>	
		<!--滚动标签(方向和速度)-->
		<marquee id="na"direction="left"scrollamount="20">
			<font id="f01"size="6"color="firebrick">你看我滚的快吗？！</font>
		</marquee>
		<input type="button" value="加速" onclick="adds()"/>
		<marquee id="na02"direction="left"scrollamount="10">
			<!--onmouseover鼠标放上去时-->
			<!--onmouseout鼠标离开时-->
			<img src="img/1.jpg" width="80px"height="80px" onmouseover="fun()"onmouseout="outs()"/>
			<img src="img/2.jpg"width="80px"height="80px" />
			<img src="img/3.jpg"width="80px"height="80px" />
		</marquee>
	</body>
</html>
    <script>
    function fun()
    {
    	//获取滚动标签
    	var na=document.getElementById("na02");
    	na.stop();
    }
    function outs()
    {
    	//获取滚动标签
    	var na=document.getElementById("na02");
    	na.start();
    }
    //加速scrollAmount滚动速度
    function adds()
    {
    	var na=document.getElementById("na");
    	na.scrollAmount = na.scrollAmount+40;
    }
    </script>

